<div class="d-flex flex-column gap-4" data-controller="sections-related-articles">
  <div class="d-flex flex-column gap-3 text-center">
    <h2>Related articles</h2>
    <p class="m-auto body-large-text text-white-200">Check out some relevant posts to see what we’re up to </p>
  </div>
  <div class="row gy-4 gx-4">
    <% for article in articles {%>
      <div class="col-xxl-4 col-md-6 col-12">
        <%+ article %>
      </div>
    <% } %>
  </div>
</div>
